.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
/*清除浮动*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*流式布局*/
.float-left{
    float: left;
}
.float-right{
    float: right;
}

/*色系*/
.text-primary{
    color: #2d8cf0;
}
.text-light-primary{
    color: #5cadff;
}
.text-dark-primary{
    color: #2b85e4;
}
.background-primary{
    background-color: #2d8cf0;
}
.background-light-primary{
    background-color: #5cadff;
}
.background-dark-primary{
    background-color: #2b85e4;
}
.text-title{
    color: #17233d;
}
.text-content{
    color: #515a6e;
}
.text-sub-color{
    color: #808695;
}
.text-disabled{
    color: #c5c8ce;
}
.border-color{
    border-color: #dcdee2;
}
.divider-color{
    border-color: #e8eaec;
}
.background-color{
    background-color: #f8f8f9;
}